<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<h:head>
</h:head>
<h:body>
	<ui:composition template="masterLayout.xhtml">
		<ui:define name="metadata">
			<f:view>
				<f:metadata>
					<f:event listener="#{backLogin.verificarAccesoHistorial}" type="preRenderView"></f:event>
				</f:metadata>
			</f:view>
		</ui:define>
		<ui:define name="contenido">
			<p:growl id="growl" autoUpdate="true" showDetail="true" />
			<h:form id="form">
				<p:panelGrid header="Historial de reportes" columns="2">
					<p:panel>
						<p:dataTable id="historialReportes" value="#{historialReportes.reportes}" var="archivoReporte"
							paginator="true" rows="12">
							<p:column headerText="Nombre Interfaz" style="width:160px;"> #{archivoReporte.interfaz.descripcion} </p:column>
							<p:column headerText="Fecha creacion" style="width:210px;"> #{archivoReporte.fecha} </p:column>
							<p:column headerText="Visualizar" style="width:90px;">
								<p:commandButton value="Visualizar"
									actionListener="#{historialReportes.cargarReporte(archivoReporte)}" update=":form:vistaPrevia" />
							</p:column>
						</p:dataTable>
					</p:panel>

					<p:panel header="Vista Previa">
						<p:inputTextarea id="vistaPrevia" styleClass="inputs" cols="70" rows="30"
							value="#{historialReportes.textoReporte}" />
					</p:panel>
				</p:panelGrid>
			</h:form>
		</ui:define>
	</ui:composition>
</h:body>
</html>
